busifood-order-detail{

  .ion-content{
    .ion-item{
      display:flex;
      justify-content: flex-start;
      background-color: #e4eae7;
      .ion-label-name{
        flex-basis: 60%;
        color: green;
      }
      .ion-label-price{
        flex-basis: 10%;
        color: red;
        text-align: end;
      }
      .ion-buttons{
        dispaly:flex;
        flex-basis:20%;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        text-align: end;
      }
    }
  }

  .ion-footer{
    border-top: 1px solid gray;
    ion-row{
      display:flex;
      justify-content: space-around;
      align-items: center;
    }
  }
}
